<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <title>东明家居集团-东明车辆调度系统</title>
    <link rel="stylesheet" href="css/iview.css">
    <link rel="stylesheet" href="css/style.css">
    <link href="./js/toastr/toastr.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid" id="app">
    <!-- breadcrumb -->
    <template class="page-header">
        <breadcrumb class="pull-left">
            <breadcrumb-item to="welcome.html" >首页</breadcrumb-item>
            <breadcrumb-item>车辆信息编辑</breadcrumb-item>
        </breadcrumb>
    </template>
    <!-- 表单 -->
    <div class="table-content">
        <template>
            <i-form :model="formItem" label-position="right" :label-width="133">
                <row>
                    <i-col span="9" offset="1">
                        <Form-item label="车牌号：" >
                            <i-input v-model="formItem.CarNo" readonly="readonly"></i-input>
                        </Form-item>
                    </i-col>
                    <i-col span="9" offset="1">
                        <Form-item label="车俩类型：" >
                            <i-input v-model="formItem.CarType" ></i-input>
                        </Form-item>
                    </i-col>
                </row>

                <row>
                    <i-col span="9" offset="1">
                        <Form-item label="车辆品牌：" >
                            <i-input v-model="formItem.CarBrand"></i-input>
                        </Form-item>
                    </i-col>
                    <i-col span="9" offset="1">
                        <Form-item label="车辆型号：">
                            <i-input v-model="formItem.CarTypeNo"></i-input>
                        </Form-item>
                    </i-col>
                </row>

                <row>
                    <i-col span="9" offset="1">
                        <Form-item label="车辆识别代号：">
                            <i-input v-model="formItem.CarSBNo"></i-input>
                        </Form-item>
                    </i-col>
                    <i-col span="9" offset="1">
                        <Form-item label="发动机号：">
                            <i-input v-model="formItem.EngineNo"></i-input>
                        </Form-item>
                    </i-col>
                </row>

                <row>

                    <i-col span="9" offset="1">
                        <Form-item label="注册日期：">
                            <i-col span="24">
                                <Date-picker type="date" placeholder="请选择日期" v-model="formItem.RecordDate"  format="yyyy-MM-dd" :disabled="true"></Date-picker>
                            </i-col>
                        </Form-item>
                    </i-col>
                    <i-col span="9" offset="1">
                        <Form-item label="发证日期：">
                            <i-col span="24">
                                <Date-picker type="date" placeholder="请选择日期" v-model="formItem.HaveLicenseDate" @on-change="formItem.HaveLicenseDate=$event" format="yyyy-MM-dd" :disabled="true"></Date-picker>
                            </i-col>
                        </Form-item>
                    </i-col>
                </row>
                <row>
                    <i-col span="9" offset="1">
                        <Form-item label="档案编号：">
                            <i-input v-model="formItem.RecordNo"></i-input>
                        </Form-item>
                    </i-col>
                    <i-col span="9" offset="1">
                        <Form-item label="核定载人数：">
                            <i-input v-model="formItem.LoadNumber"></i-input>
                        </Form-item>
                    </i-col>
                </row>

                <row>
                    <i-col span="9" offset="1">
                        <Form-item label="检验有效期至：">
                            <i-col span="24">
                                <Date-picker type="date" placeholder="请选择日期" v-model="formItem.InspectionPeriod" @on-change="formItem.InspectionPeriod=$event" format="yyyy-MM-dd" :disabled="true"></Date-picker>
                            </i-col>
                        </Form-item>
                    </i-col>
                    <i-col span="9" offset="1">
                        <Form-item label="车辆状态：">
                            <i-select  v-model="formItem.CarStatus" >
                                <i-option  v-bind:value="0"  >正常</i-option>
                                <i-option  v-bind:value="1"  >待检</i-option>
                                <i-option  v-bind:value="2"  >故障</i-option>
                                <i-option  v-bind:value="3"  >维修中</i-option>
                            </i-select>
                        </Form-item>
                    </i-col>
                </row>
                <row>
                    <i-col span="9" offset="1">
                        <Form-item label="使用状态：">
                            <i-select  v-model="formItem.UseStatus" >
                                <i-option  v-bind:value="0"  >空闲</i-option>
                                <i-option  v-bind:value="1"  >在用</i-option>
                            </i-select>
                        </Form-item>
                    </i-col>
                    <i-col span="9" offset="1">
                        <Form-item label="行驶里程数：">
                            <i-input v-model="formItem.Mileage"></i-input>
                        </Form-item>
                    </i-col>
                </row>
                <row>
                    <i-col span="9" offset="1">
                        <Form-item label="手自动档：">
                            <i-select  v-model="formItem.HandOrAuto" >
                                <i-option  v-bind:value="0"  >手动</i-option>
                                <i-option  v-bind:value="1"  >自动</i-option>
                            </i-select>
                        </Form-item>
                    </i-col>
                </row>
                <row>
                    <i-col span="9" offset="1">
                        <Form-item label="车况描述信息：">
                            <i-input v-model="formItem.CarInfos" type="textarea" :rows="4"></i-input>
                        </Form-item>
                    </i-col>
                </row>
                <row style="margin-left: 130px;">
                    <i-col span="10" offset="1">
                        <i-button type="primary" class="mr10" @click="editCarInfo">保存</i-button><i-button @click="goBack">取消</i-button>
                    </i-col>
                </row>
            </i-form>
        </template>
    </div>
</div>
</body>
<script src="./js/jquery-1.11.1.min.js"></script>
<script src="./js/vue.js"></script>
<script src="./js/iview.min.js"></script>
<script src="./js/car/car_edit.js"></script>
<script src="./js/toastr/toastr.min.js"></script>

</html>
